<template>
  <div>
    <div>
        <ul>
            <li v-for="news in newsData" :key="news">
                {{news.id}}
               {{news.name}}
                {{news.username}}
            </li>
        </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      newsData: []

    }
  },
  created () {
    this.$axios('https://jsonplaceholder.typicode.com/users')
      .then(res => {
        this.newsData = res.data
        console.log(res.data)
      })
  }
}
</script>
<style scoped>

</style>
